<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>账单修改</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <style type="text/css">
        .aui-list .aui-list-item-label-icon {
            padding-right: 0;
        }

        .aui-list .aui-list-item-input label {
            margin-right: 10px;
        }

        .aui-btn-primary {
            background: #01B2F5;
            width: 95%;
            left: 2.5%;
            bottom: 0.5rem;
            border-radius: 5px;
        }

        .aui_formcontent {
            text-align: right;
        }
        .aui-bar-btn{
            width: 120px;
            float: right;
        }
        .aui-bar-btn-item{
            width: 30px;
            height: 22px;
            line-height: 22px;
            min-height: 20px;
            border-color: #e2e5eb;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class=" boxarea edit">
            <div class="">
                <div class="aui_formitem">
                    <div class="aui_formtitle">收费项目</div>
                    <div class="aui_formcontent">
                        <input :readonly="true" class="choose" v-model="form.Name">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">应收金额</div>
                    <div class="aui_formcontent">
                        <input v-if="form.ID>0" :readonly="true" class="choose" v-model="form.TotalCost">
                        <input v-else class="choose" type="number" v-model="form.TotalCost">
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle ">优惠金额</div>
                    <div class="aui_formcontent" v-on:click="do_open_discount()">
                        <input class="choose" readonly="readonly" type="text" placeholder="点击修改"
                            v-model="form.DiscountCost">
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                    </div>
                </div>
                <div class="aui_formitem">
                    <div class="aui_formtitle">违约金</div>
                    <div class="aui_formcontent">
                        <input class="choose" type="number" :readonly="form.BreakTotalCost<=0" placeholder="请填写"
                            v-model="form.BreakTotalCost">
                    </div>
                </div>
                <!-- v-if="form.CanChangeEndTime" -->
                <div class="aui_formitem" >
                    <div class="aui_formtitle">月数调整</div>
                    <div class="aui_formcontent">
                        <div  class="aui-list-item-input aui-bar-list-input" style=" width:100%; padding-left:10%; margin-right:35%;">
                            <div class="aui-bar aui-bar-btn" type="count">
                                <div class="aui-bar-btn-item aui-font-size-20" v-on:click="do_reduce_month()">
                                    <i class="aui-iconfont aui-icon-minus" style="font-size:0.7rem;"></i>
                                </div>
                                <div class="aui-bar-btn-item inputbox">
                                    <input v-model="form.CalMonthNumber" type="number" class="aui-input aui-text-center" readonly="true">
                                </div>
                                <div class="aui-bar-btn-item aui-font-size-20" v-on:click="do_add_month()">
                                    <i class="aui-iconfont aui-icon-plus" style="font-size:0.7rem;"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="aui_formitem" v-if="form.CanChangeEndTime">
                    <div class="aui_formtitle">缴费日期</div>
                    <div class="aui_formcontent" @click="do_select_time()">
                        {{form.StartTime==''?'--':form.StartTime}} 至 {{form.EndTime==''?'--':form.EndTime}}
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">保存</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript " src="js/chargeroomfee_edit.js"></script>

</html>